<template>
  <div class="banner">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="bannerTv in bannermvdata" :key="bannerTv.id" ><img class="bimg" :src="bannerTv.img" alt=""></van-swipe-item>
      
    </van-swipe>
    <!-- <img class="bimg" src="../../../assets/img/kxq-img/banner/1.png" alt="banner"> -->
  </div>
</template>

<script>

// import axios from "axios";

export default{
    name:'Banner',
    data:function(){
        return{
            bannerTvs:[]
        };
    },
    created() {
    this.$store.dispatch("LINK_BANNERTV_DATA","/home/bannertv")

    },
   computed:{
      bannermvdata(){
        return this.$store.state.BannerTvM.bannertv.slice(6,10)
      }
    }


}
</script>

<style scoped>
.banner {
  width: 3.84rem;
  height: 1.92rem;
  /* background-color: rgb(197, 251, 255); */
  border-radius: .1rem;
  margin: 0 0.15rem;
}

.banner .bimg {
  width: 3.84rem;
  height: 1.92rem;
  border-radius: .1rem;

}

.my-swipe .van-swipe-item {
  color: #fff;
  height: 1.92rem;
  text-align: center;
  /* background-color: #39a9ed; */
}
.bimg{
  height: 1rem;
}
</style>
